<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>数据可视化</title>
  <base href="${ctxPath}/">
  <script type="text/javascript" src="js/bigdata/jquery.js"></script>
  <link rel="stylesheet" href="css/bigdata/comon0.css">
</head>
<script>
  $(window).load(function () {
    $(".loading").fadeOut()
  })


  $(document).ready(function () {
    var whei = $(window).width()
    $("html").css({ fontSize: whei / 20 })
    $(window).resize(function () {
      var whei = $(window).width()
      $("html").css({ fontSize: whei / 20 })
    });
  });
</script>
<script type="text/javascript" src="js/bigdata/echarts.min.js"></script>
<script language="JavaScript" src="js/bigdata/js.js"></script>
<body>
<div class="canvas" style="opacity: .2">
  <iframe frameborder="0" src="js/bigdata/index.html" style="width: 100%; height: 100%"></iframe>
</div>
<div class="loading">
  <div class="loadbox"> <img src="images/bigdata/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
  <h1>全国用户情况大数据可视化统计</h1>
  <div class="weather"><!--<img src="images/weather.png"><span>多云转小雨</span>--><span id="showTime"></span></div>

  <script>
    var t = null;
    t = setTimeout(time, 1000);
    function time() {
      clearTimeout(t);
      dt = new Date();
      var y = dt.getFullYear();
      var mt = dt.getMonth() + 1;
      var day = dt.getDate();
      var h = dt.getHours();
      var m = dt.getMinutes();
      var s = dt.getSeconds();
      document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
      t = setTimeout(time, 1000);
    }

  </script>


</div>
<div class="mainbox">
  <ul class="clearfix">
    <li>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">每日用户增长</div>
        <div class="allnav" id="echart1"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">服务各类型养殖的总养殖数</div>
        <div class="allnav" id="echart2"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">服务各类型养殖的总养殖数</div>
        <div class="allnav" id="echart9"></div>
        <div class="boxfoot"></div>
      </div>
      <!--<div class="boxall" style="height: 3.2rem">
        <div style="height:100%; width: 100%;">
          <div class="sy" id="fb1"></div>
          <div class="sy" id="fb2"></div>
          <div class="sy" id="fb3"></div>
        </div>
        <div class="boxfoot">

        </div>
      </div>-->
    </li>
    <li>
      <div class="bar">
        <div class="barbox">
          <ul class="clearfix">
            <li class="pulll_left counter">12581189</li>
            <li class="pulll_left counter">3912410</li>
          </ul>
        </div>
        <div class="barbox2">
          <ul class="clearfix">
            <li class="pulll_left">2020年总收入情况 </li>
            <li class="pulll_left">2020年总支出情况</li>
          </ul>
        </div>
      </div>
      <div class="map">
        <div class="map1"><img src="images/bigdata/lbx.png"></div>
        <div class="map2"><img src="images/bigdata/jt.png"></div>
        <div class="map3"><img src="images/bigdata/map.png"></div>
        <div class="map4" id="map_1"></div>
      </div>
    </li>
    <li>
      <div class="boxall" style="height:3.4rem">
        <div class="alltitle">各设备使用量</div>
        <div class="allnav" id="echart4"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3rem">
        <div class="alltitle">各养殖类型产量</div>
        <div class="allnav" id="echart6"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">各省市用户数量</div>
        <div class="allnav" id="echart5"></div>
        <div class="boxfoot"></div>
      </div>

    </li>
  </ul>
</div>
<div class="back"></div>


<script type="text/javascript" src="js/bigdata/china.js"></script>
<script type="text/javascript" src="js/bigdata/area_echarts.js"></script>


</body>
</html>

